<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <link href="../../css/bootstrap.css" rel="stylesheet">
    <link href="../../css/select2/select2.css" rel="stylesheet">
    <title>popover</title>
</head>

<body>

    <div class="popover left">
        <div class="arrow"></div>
        <h3 class="popover-title">Popover left</h3>
        <div class="popover-content">
            <p>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
            <div>
                <button type="button" id="no_btn" class="btn btn-default btn-sm">取消</button>
            </div>
        </div>
    </div>
    
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4>modal+select2</h4>
        </div>
        <div class="panel-body">
            <button type="button" id="btn" class="btn btn-default">modal</button>
        </div>
    </div>
    <div class="modal fade" id="mymodal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">select2</div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>客户</label>
                        <select id="select2">
                            <option>hello</option>
                            <option>wold</option>
                            <option>jano</option>
                            <option>well</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../../js/jquery-1.12.4.js"></script>
    <script src="../../js/bootstrap.min.js"></script>
    <script src="../../js/select2/select2.full.min.js"></script>
    <script src="../../js/select2/select2-zh-CN.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#btn').on('click',function(){
                $('#mymodal').modal('show');
            });
            $('#select2').select2({
                language:'zh-CN',
                width: '200'
            });
        });

    </script>
</body>

</html>